// ---------------------- 当点击提交的时候 发送请求 ------------
$('form').on('submit', function(e) {
    e.preventDefault();
    let data = $(this).serialize();
    // console.log(data);
    // 讲得到的表单值 发送请求更改密码
    $.ajax({
        type: 'post',
        url: 'http://ajax.frontend.itheima.net/my/updatepwd',
        data: data,
        headers: {
            Authorization: localStorage.getItem('token')
        },
        success: function(res) {
            layer.msg(res.message);
            if (res.status === 0) {
                $('form')[0].reset();
            }
        }
    })

});

// ---------------------- 确定表单的规则 发送请求 ------------
// let form = layui.form;
// form.verify({
//     // 密码长度
//     len: ['/\S{6,12}/', '密码长度是6--12位'],
//     // 新密码不能和原密码一样
//     diff: function(val) {
//         if (val === $('.oldPwd').val()) {
//             return '新密码不能和原密码一样'
//         }
//     },
//     same: function(val) {
//         if (val !== $('.newPwd').val()) {
//             return '两次密码不一致'
//         }
//     }
// });

let form = layui.form;
form.verify({
    // 验证长度 （三个输入框都需要）
    len: [/\S{6,12}/, '长度6~12位，你数数是吗'],

    // 验证新密码不能和原密码相同 （新密码使用该验证规则）
    diff: function(val) {
        // 形参表示新密码，所以还需要获取原密码
        let oldPwd = $('.oldPwd').val();
        if (oldPwd === val) {
            return '新密码不能和原密码一样';
        }
    },

    // 验证两次新密码必须一致 （确认密码使用该验证规则）
    same: function(val) {
        // 形参表示确认密码，所以还需要获取新密码
        let newPwd = $('.newPwd').val();
        if (newPwd !== val) {
            return '两次密码不一样，好好看看';
        }
    }
});